<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<link rel="stylesheet" href="../sass/css/common.css" />
		<link rel="stylesheet" type="text/css" href="../sass/css/resect.css" />
		<link rel="stylesheet" type="text/css" href="../sass/css/details.css" />
		
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="../js/display/cookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/display/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/details/details.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<!--头部-->

		<div id="header">
			<div class="top-nav">
				<a href="#">2018冬季精选新品5折起</a>
				<a href="#" class="right">在线客服</a>
				<a href="#" class="right">积分商城</a>
				<a href="carts.html" class="right">购物车</a>
				<a href="#" class="right">注册/登录</a>
			</div>
			<div class="top-search">
				<div class="search-cont"></div>
			</div>
			<h1 title="lily index pages"></h1>
			<ul id="nav">
				<li>
					<a href="#" class="big">首页</a>
				</li>
				<li>
					<a href="#" class="big">商品</a>
				</li>
				<li>
					<a href="#" class="big">品牌</a>
				</li>

			</ul>
		</div>
		<!--内容-->
		<div id="wrap-pro">
			<div class="inner">
				<div class="link">&gt;收腰印花套头衫</div>
				<ul class="pro-pics" id="slider">
					<li><img src="http://pic.lily.sh.cn/119110A8207607_01.jpg?imageView2/1/q/90" ></li>
					<li><img src="http://pic.lily.sh.cn/119110A8207607_02.jpg?imageView2/1/q/90" ></li>
					<li><img src="http://pic.lily.sh.cn/119110A8207607_03.jpg?imageView2/1/q/90" ></li>
					<li><img src="http://pic.lily.sh.cn/119110A8207607_04.jpg?imageView2/1/q/90" ></li>
					<li><img src="http://pic.lily.sh.cn/119110A8207607_05.jpg?imageView2/1/q/90" ></li>
					<li><img src="http://pic.lily.sh.cn/119110A8207607_06.jpg?imageView2/1/q/90" ></li>
					<li><img src="http://pic.lily.sh.cn/119110A8207607_07.jpg?imageView2/1/q/90" ></li>
					<li><img src="http://pic.lily.sh.cn/119110A8207607_08.jpg?imageView2/1/q/90" ></li>
				</ul>

				<div class="pro-bpic">

					<img src="http://pic.lily.sh.cn/119110A8207607_01.jpg?imageView2/1/q/90">
				</div>
				<script type="text/javascript">
					var oul = document.getElementById("slider");
					var bigImg = document.querySelector('.pro-bpic')
					oul.onclick = function(e){
						
						if(e.target.tagName.toLowerCase() == 'img'){
							console.log(1)
							bigImg.innerHTML = e.target;
							console.log(e.target)
							console.log(bigImg.innerHTML)
						}
					}
				</script>
				<div class="pro-infos">
					<div class="pro-title">
						<p class="title">收腰印花套头衫</p>
						<p class="infos">产品编号：119110A8207</p>

						<p class="price">

							￥599.00

						</p>
						<!-- 预售商品end -->

						<p class="pro-line">
							<span>/</span>
						</p>
						<p class="pro-small">- NEW IN -</p>
					</div>

					<form>

						<div class="color">
							<!-- 颜色变化 -->
							<p class="color-t">
								<span class="colorname" id="tColor">选择颜色</span>

							</p>
							<!-- 缩略图 -->
							<div class="color-sele" id="defaultColor">
								<a id="aColor1" title="浅金" ><img src="http://pic.lily.sh.cn/119110A8207607_c.jpg?imageView2/1/q/90"></a>
								<a id="aColor2" title="金桔"><img src="http://pic.lily.sh.cn/119110A8207908_c.jpg?imageView2/1/q/90"></a>
								<a id="aColor3" title="灰绿"><img src="http://pic.lily.sh.cn/119110A8207322_c.jpg?imageView2/1/q/90"></a>
								<p class="nocolor"><span style="color:red">请选择您想购买的商品</span></p>
								<input type="hidden" name="color" id="color-val" value="1" autocomplete="off">								
								<div class="clear"></div>
							</div>

							<p>
								选择尺码
								<a id="showsize">尺码表</a>
							</p>

							<div class="size-sele" id="sizeSelDiv">
								<a title="S" onclick="javascript:clickSize(this);" isenabled="false" style="color:gray;">S</a>
								<a title="M" onclick="javascript:clickSize(this);" isenabled="false" style="color:gray;">M</a>
								<a title="L" onclick="javascript:clickSize(this);" isenabled="false" style="color:gray;">L</a><input type="hidden" name="size" id="size-val" value="1"></div>
							<div class="left-t">数量：</div>
							<input id="catalogEntryID" value="231493" type="hidden" autocomplete="off">
							<div class="right-t num-sele">
								<a class="num-minu"></a><input name="quantity_231493" id="quantity_231493" type="text" class="num" value="1" onchange="javascript:productDisplayJS.notifyQuantityChange(this.value);" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">
								<a class="num-add"></a>
							</div>
							<div class="clear"></div>
						</div>

	
						<div class="pro-buy">
							
							<img style="display: none;" src="">
							
							<input type="hidden" id="isCollected" value="" autocomplete="off">
								<div class="shoppping_list_content">

								</div>
							</a>

							<!-- 正常商品 -->
							
							<a class="buy" type="submit">立即购买</a>
							<a class="cart">
								加入 购 物 车</a> <input type="hidden" name="proid" value="1" autocomplete="off">
							<p class="small mybuy-tips" style="color:red"></p>

						</div>
						<div class="clear"></div>
					</form>

					<p class="desc">
						<a href="#">评价这个商品</a>
					</p>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		
		<script type="text/javascript">
			var pid = getSearch('pid');
			console.log(pid);
			
		</script>
		
		<!--尾部-->
		<div class="clear">

		</div>
		<hr class="idx-hr">
		<div id="footerWrapper">
			<div id="footer">
				<div class="inner">
					<div class="big">
						<img alt="" src="../img/index/logo.jpg">
						<p>年轻OL的商务着装，可能太严肃，可能太时髦，</p>
						<p>或者像Lily这样，正合适。</p>
					</div>
					<div class="left">
						<p class="title">首页</p>
						<a href="#">· 视觉大片</a>
						<a href="#">· 关于我们</a>
					</div>
					<div class="left">
						<p class="title">订单及售后</p>
						<a href="#">· 追踪我的订单</a>
						<a href="#">· 退货与换货</a>
					</div>
					<div class="left">
						<p class="title">
							<a href="#">关于Lily</a>
						</p>
						<a href="#">· 联系我们</a>
						<a href="#">· 常见问题</a>
						<a href="#">· 招商加盟</a>
						<a href="#">· 法律申明</a>
					</div>
					<div class="right">
						<p class="title">订阅通讯</p>
						<p>立即注册，了解Lily最新活动咨询</p>
						<p><input type="text" id="myemail" name="myemail" placeholder="填写您的邮箱地址"></p>

						<p>
							<a class="btn" href="#">注 册</a>
						</p>
					</div>
					<div class="clear"></div>
					<hr class="idx-hr">
					<p class="copyright">Copyright©2015-2016，lily版权所有
						<a href="http://www.miitbeian.gov.cn">沪ICP备05036513号-1</a>
					</p>
				</div>
			</div>
		</div>
	</body>

</html>